<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
</head>
<body>
    <!-- div标签 划分整体段落 -->
    <!-- 标题标签 -->
<div>
    <h1>hello world </h1>
    <h2>hello world</h2>
    <h2>hello world</h2>
    <h2>hello world</h2>
</div>
<!-- 段落标签 -->
<!-- span标签 划分内容部分 用于修改部分 -->
    <h1>我的第一篇文章</h1>
    <p>我的第一个网页<span>我的第一个网页</span>我的第一个网页我的第一个网页</p>
    <p>我的第一个网页我的第一个网页我的第一个网页我的第一个网页</p>
    <p>我的第一个网页我的第一个网页我的第一个网页我的第一个网页</p>
    <p>我的第一个网页我的第一个网页我的第一个网页我的第一个网页</p>
    <p>我的第一个网页我的第一个网页我的第一个网页我的第一个网页</p>
<!-- 无序列表 ：ul 列表元素li --><!-- 有序列表 ol 列表元素li -->
<ul>
<li>牛奶</li>
<li>果冻</li>
<li>面包</li>
</ul>
<!-- a超链接    href=跳转到指定地址 -->
<a href="http://bilibili.com">点我有惊喜</a>
<!-- img图片标签 src：图片路径（同路径下直接写图片名字+后缀）   alt图片加载失败之后的 -->
<img src="1.jpg" alt="啊哟。图片加载失败了">
</body>
</html>